<!DOCTYPE>
<html lang='zh-cn'>
<head>
	<meta name="description" content="imformation show">
	<meta charset="UTF-8">
	<title> simple webside</title>
	<link rel="stylesheet" href="./css/reset.css" >
	<link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
	<link rel="stylesheet" href="./css/main.css">
	<link rel="stylesheet" href="./css/common.css" >
</head>
<body>
	<div class="public-header">
		<div class="public-center">
			<div class="header-logo">
				<a  style="position: absolute" href="index.html">
				<img style="width: 200px;" src="images/public-header-logo.png">
			</a>
			</div>
			<div class="header-nva">
				<ul>
					<li class="item"><a href="#">Our&nbspStory</a></li>
					<li class="item"><a href="#">Menu</a></li>
					<li class="item"><a href="#">Reservations</a></li>
					<li class="item"><a href="#">News</a></li>
					<li class="item"><a href="#">Rviews</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!--头部结束  -->
	<!-- 主体区开始 -->
		<!-- banner区开始 -->
	<div class="public-banner">
		<div class="public-banner-bg">
			<div class="public-banner-text">
				<div class="public-banner-text-logo">
					<img src="images/public-banner-logo.png">
				</div>
				<div class="public-banner-text-txt">
					<p><li>————&nbspresto restaurant home page website template&nbsp—————</li></p>
				</div>
			</div>
		</div>
	</div>
		<!-- banner区结束 -->
		<!-- 菜单列表区开始 -->
	<div class="public-list">
		<div class="public-list-logo">
			<a href="">The Menu</a>
		</div>
		<div class="public-center public-list-info">
			<ul>
				<li class="public-list-info-item">
					<a class="public-list-info-title" href="#"><h4>Voluptate cillum fugiat.</h4><p>Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="pulic-list-info-line">
					</div>
					<div class="pulic-list-info-price">$50
					</div>
				</li>
				<li class="public-list-info-item">
					<a class="public-list-info-title" href="#"><h4>Voluptate cillum fugiat.</h4><p>Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="pulic-list-info-line">
					</div>
					<div class="pulic-list-info-price">$50
					</div>
				</li>
				<li class="public-list-info-item">
					<a class="public-list-info-title" href="#"><h4>Voluptate cillum fugiat.</h4><p>Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="pulic-list-info-line">
					</div>
					<div class="pulic-list-info-price">$50
					</div>
				</li>
				<li class="public-list-info-item">
					<a class="public-list-info-title" href="#"><h4>Voluptate cillum fugiat.</h4><p>Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="pulic-list-info-line">
					</div>
					<div class="pulic-list-info-price">$50
					</div>
				</li>
				<li class="public-list-info-item">
					<a class="public-list-info-title" href="#"><h4>Voluptate cillum fugiat.</h4><p>Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="pulic-list-info-line">
					</div>
					<div class="pulic-list-info-price">$50
					</div>
				</li>
				<li class="public-list-info-item">
					<a class="public-list-info-title" href="#"><h4>Voluptate cillum fugiat.</h4><p>Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="pulic-list-info-line">
					</div>
					<div class="pulic-list-info-price">$50
					</div>
				</li>
				<li class="public-list-info-item">
					<a class="public-list-info-title" href="#"><h4>Voluptate cillum fugiat.</h4><p>Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="pulic-list-info-line">
					</div>
					<div class="pulic-list-info-price">$50
					</div>
				</li>
				<li class="public-list-info-item">
					<a class="public-list-info-title" href="#"><h4>Voluptate cillum fugiat.</h4><p>Cheese, tomato, mushrooms, onions.</p>
					</a>
					<div class="pulic-list-info-line">
					</div>
					<div class="pulic-list-info-price">$50
					</div>
				</li>
			</ul>
		</div>
		<div class="public-list-more"><span>load more</span><span class="more-line">|</span><span class="del"></span>
		</div>
	</div>
	<!-- 菜单列表区结束 -->
	<!--图片展示区 开始-->
	<div class="public-center public-panel">
		<div class="index-panel-header">
			<h3>Featured Dishes</h3>
			<div class="panel-header-line">
			</div>
			<div class="panel-header-btn-grounp">
				<a href="#" class="btn"></a>
				<a href="#" class="btn"></a>
				<a href="#" class="btn active"></a>
				<a href="#" class="btn"></a>
			</div>
		</div>
		<div class="index-panel-body">
			<ul >
				<li class="foot-list">
					<a class="foot"> 
						<img src="images/foot-name.jpg">
						<div><span class="foot-name">Fugiat nulla sint</span>
						<span class="price">￥30</span>
						</div>
						<ul class="foot-stars" style="padding-left:0;">
							<li style="    margin-left: 0;" class="star"></li>
							<li  class="star"></li>
							<li class="star"></li>
							<li  class="star"></li>
							<li  class="star nostar"></li>
						</ul>
					</a>
				</li>
				<li class="foot-list">
					<a class="foot"> 
						<img src="images/foot-name.jpg">
						<div><span class="foot-name">Fugiat nulla sint</span>
						<span class="price">￥30</span>
						</div>
						<ul class="foot-stars" style="padding-left:0;">
							<li style="    margin-left: 0;" class="star"></li>
							<li class="star"></li>
							<li class="star"></li>
							<li class="star"></li>
							<li class="star nostar"></li>
						</ul>
					</a>
				</li>
				<li class="foot-list">
					<a class="foot"> 
						<img src="images/foot-name.jpg">
						<div><span class="foot-name">Fugiat nulla sint</span>
						<span class="price">￥30</span>
						</div>
						<ul class="foot-stars" style="padding-left:0;">
							<li style="    margin-left: 0;" class="star"></li>
							<li class="star"></li>
							<li class="star"></li>
							<li class="star"></li>
							<li class="star nostar"></li>
						</ul>
					</a>
				</li>
				<li class="foot-list">
					<a class="foot"> 
						<img src="images/foot-name.jpg">
						<div><span class="foot-name">Fugiat nulla sint</span>
						<span class="price">￥30</span>
						</div>
						<ul class="foot-stars" style="padding-left:0;">
							<li style="    margin-left: 0;" class="star"></li>
							<li class="star"></li>
							<li class="star"></li>
							<li class="star"></li>
							<li class="star nostar"></li>
						</ul>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="public-center public-panel">
		<div style="margin-top: 0;" class="index-panel-header">
			<h3>The Gallery</h3>
			<div class="panel-header-line">
			</div>
		</div>
		<div id="swiper-container">
			<ul class="swiper-wrapper">
				<li class="swiper-slide">
					<a class="  select img_link" href="#">
						<img src="./images/pic-left.jpg" alt="pic">
					</a>
				</li>

				<li class="swiper-slide">
					<a class="img_link" href="#">
						<img src="./images/pic-middle-01.jpg" alt="pic">
					</a>
				</li>

				<li class="swiper-slide">
					<a class="img_link" href="#">
						<img src="./images/pic-middle-02.jpg" alt="pic">
					</a>
				</li>

				<li class="swiper-slide">
					<a class="img_link" href="#">
						<img src="./images/pic-right.jpg" alt="pic">
					</a>
				</li>

			</ul>
		</div>

	</div>
	<!-- 主体区结束 -->
	<!-- 尾部开始 -->
<div class="footer">
		<div class="public-center">
				<ul >
					<li class="footer-item">
						New York Restaurant<br>
						3926 Anmoore Road<br>
						New York, NY 10014<br>
						<a href="tel:718-749-1714">tel: 718-749-1714</a>
					</li>
					<li class="footer-item">
						<a href="#">France Restaurant</a><br>
						<a href="#">68, rue  de la Couronne</a><br>
						<a href="#">75002 PARIS</a><br>
						<a href="#">02.94.23.69.56</a></li>
					<li class="footer-item">
						<a href="#">Blog</a><br>
						<a href="#">Careers</a><br>
						<a href="#">Privacy Policy</a><br>
						<a href="#">Contact</a></li>
					<li class="footer-item last-item">
						<a class="footer-logo" href="index.html"><img style="width: 276px;" src="images/public-footer-logo.png" alt="logo"></a>
						<br>
						<div class="footer-info">&copy&nbspAll&nbspRights&nbspReserved&nbsp2014.<br>
						Find&nbspMore&nbspat&nbspPixelhint.com</div>
					</li>
				</ul>
		</div>
</div>
	<!-- 尾部结束 -->
	<button class="toTop" >返回顶部</button>

	<script src="./js/jquery.js"></script>
	<script src="./js/swiper-3.4.2.min.js"></script>
	<script src="./js/main.js"></script>
</body>
</html>
